标签：oba webpack rip html 安装 模板 dex 命令行 nodejs
1. 官网下载 https://nodejs.org/en/
2. 安装cnpm 在命令行： npm install -g cnpm --registry=https://registry.npm.taobao.org
3. cnpm install -g vue-cli
4. 在任意文件夹内创建项目工作空间， vue init webpack my-vue-project
5. 进入项目： cnpm install 或 cnpm list 安装或查看依赖
6. npm run dev
VUE组件关系：
在Index.html中
<body>
<div id=app><\div>
<\body>
在main.js中， 初始化VUE
new Vue({
el: ‘#app‘, 挂载元素: 将div id=app 挂载到这
router,
components: { App }, 组件： App.vue组件对元素操作
template: ‘<app/>‘ 模板： 使用<app></app>中的内容 替换 <div id=app></div>中的内容
})
在App.vue内部， <template/> 读取 <script/> 内data()
<template>
<div id="app">
<img src="./assets/logo.png">
<router-view/>
<h1>{{ msg }} </h1>
</div>
</template>
<script>
export default {
name: ‘App‘
data(){
return {
msg : ‘hello‘
}
}
}
</script>
标签：oba webpack rip html 安装 模板 dex 命令行 nodejs
原文地址：https://www.cnblogs.com/ruili07/p/10455595.html
