vue入门总结（1）

2019独角兽企业重金招聘Python工程师标准>>>

脚手架地址：https://gitee.com/danielhsj/vueJiaoShouJia

关于项目初始化：

1.先把vue-cli脚手架工具在系统下全局安装：npm install vue-cli -g

2.安装好脚手架工具之后就可以开始建立工程项目了：vue init webpack(简单项目为：webpack-simple) vue-demo(这个是你的项目名)

3. 进入项目的目录安装脚手架项目的基本支持包（package-json里面的包）npm install

4.npm run dev 运行这个项目

项目工程建立完成后：

main.js  Vue实例启动入口

import Vue from 'vue'

import App from './App.vue'

new Vue({

    el:'#app',

    render:h=>h(app);

})

通过import将一个Vue.js的组件文件引入，并创建一个Vue对象的实例，在vue实例中用render方法来绘制这个vue组件（app）就完成了初始化。然后，将vue实例绑定到一个页面上，真实存在的元素App Vue程序就引导成功了。

一个Vue实例必须与一个页面元素（index.html的id为app）绑定。Vue实例一般用作Vue的全局配置来使用，例如像安装路由、资源插件，配置应用于全局的自定义过滤器、自定义指令等。

App.vue:

.vue是vus.js特有的文件格式，表示的是一个vue组件，.vue文件可以同时承载“视图模板”、“样式定义”和组件代码。.vue文件内部结构

<template>

    <div id="app"></div>

</template>

<style></style>

<script>

    export default {

        name:'app'

    }

</script>

转载于:https://my.oschina.net/u/3912828/blog/1936263