Vue 创建项目

在webstrom里面创建vue项目

npm install vue

1：vue init webpack my-vue //创建一个 my-vue的项目 不能有大写字母

cd my-vue

2：npm install //安装依赖

3,npm run dev //运行项目

创建完成之后 每个文件夹的功效：

1：build 最终 发布代码的存放位置

2：config 配置目录包括端口号

3：node_modules npm加载的项目依赖模块

4：src-》assets：放置一些图片，如logo

components 放置组件的文件夹

App.vue 项目入口文件

main.js 项目的核心文件

5,：static 静态资源目录。如图片 字体等

6：index.html 首页入口文件 运行这个项目直接打开 该html

视图需要引入租件引入nvHead，nvTop的组件 template组件的使用 跟import components引入的顺序必须保持一致（傅祖建引入自租件在html里面的使用的先后顺序必须跟important的引入顺序保持一致）

html：

js

this.$emit()触发当前实例上的事件

main.js 里面 render函数：

render: h => h(App)；等价于：

{

render: h => {

return h(App)

}

}

等价于：

{

render: function (h) {

return h(App)

}

}

意思是：render函数是一个渲染视图，提供给el挂载的 如果不加就等于没有视图给el挂载。

跟下面template渲染App是一样的效果