一：vuejs认识
二：vuejs简单案例
https://www.imooc.com/view/796
三：vuejs的2种方式
简单script标签引进
nodejs运行
npm install vue
如果你需要在客户端编译模板 (比如传入一个字符串给template选项，或挂载到一个元素上并以其 DOM 内部的 HTML 作为模板)，就将需要加上编译器，即完整版：
// 需要编译器
newVue({
template:'<div>{{ hi }}</div>'
})
// 不需要编译器
newVue({
render (h) {
returnh('div',this.hi)
}
})
当使用vue-loader或vueify的时候，*.vue文件内部的模板会在构建时预编译成 JavaScript。你在最终打好的包里实际上是不需要编译器的，所以只用运行时版本即可。
因为运行时版本相比完整版体积要小大约 30%，所以应该尽可能使用这个版本。如果你仍然希望使用完整版，则需要在打包工具里配置一个别名：
module.exports = {
// ...
resolve: {
alias: {
'vue$':'vue/dist/vue.esm.js'// 用 webpack 1 时需用 'vue/dist/vue.common.js'
}
}
}
constalias =require('rollup-plugin-alias')
rollup({
// ...
plugins: [
alias({
'vue':'vue/dist/vue.esm.js'
})
]
})
添加到你项目的package.json：
{
// ...
"browser": {
"vue":"vue/dist/vue.common.js"
}
}
在你项目的package.json中添加：
{
// ...
"alias": {
"vue":"./node_modules/vue/dist/vue.common.js"
}
}
四：vuejs的常用函数
import：引进模块
components:组件初始化渲染
data():数据交互，但是数据要return
methods：函数方法
onPullDownRefresh：小程序下拉刷新
onReachBottom：触底刷新
mounted()：钩子函数，vue执行的时候先执行这个函数
onShow()：小程序刷新的时候执行函数
computed：计算属性，任何复杂逻辑，你都可以使用计算属性
created()：一般可以在created函数中调用ajax获取页面初始化所需的数据。
.props :传入单数据就像 data 一样，prop 可以用在模板内,同样也可以在 vm 实例中像“this.message”这样使用
五：vuejs结合node
1：安装nodejs，下载和安装
2：解压node压缩包
3：添加环境变量
4：查看node和npm的版本
5：vue-cli安装，这个引用了简书的文章作者 ywyan 的文章，大家可以了解下。
https://www.jianshu.com/p/2769efeaa10a
如果有Vue项目碰到"‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件"报错，大家可以按照以下方法处理
方法：最后将项目里的“node_modules”文件夹删除，然后在cmd中cd到项目目录，依次运行命令：npm install和npm run build，最后运行npm run dev后项目成功运行。
最后可以用 http://localhost:8080/#/ 来访问我们的网站了
具体的页面位置
6：开发完了，进行打包处理，把文件放到服务器上，案例有：下面是本地的phpstudy服务，把vue项目上文件夹static和index.html放到www下。
六：调试vue的谷歌插件
