为了2019年，重新学一遍vue
个人理解，如有错误请指出
介绍
vue是一个渐进式的框架:（渐进式：随着客户端支持的不同，功能也在渐渐的增强，体验也在渐渐的变好，但是低版本浏览器有些功能实现不了，也能实现基本的功能）
vue是一个MVVM框架（
m:model 数据
v：view 视图
vm：viewmodel 双向绑定：数据变化<=>视图变化）
安装环境
找个文件夹打开命令行工具
方式一：引入文件
步骤一：npm init -y 生成package.json文件
-y : 加上这个参数可省略很多的步骤
步骤二 : npm i vue --save 下载vue
–save 上线需要的依赖
–save-dev 不需要上线的的依赖
步骤三 :
- 找到node_modules>vue>dist文件夹下的vue.js，复制；
- 在当前文件夹里新建个js文件夹，把复制的vue.js黏贴到js文件夹里
- 在当前文件夹里面新建一个html文件，一个holleDome内容如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 引入vue.js文件,须在body标签以前引入 -->
<script src="./js/vue.js"></script>
</head>
<body>
<div id='app'>
<!-- 双大括号里面可以存放差值表达式 -->
{{info}}
</div>
<script>
new Vue({
el: '#app', // el: 需要添加到的dom节点
data: { // data: 存放数据
info: 'hello Dome'
}
})
</script>
</body>
</html>
方式二： 脚手架（基于webpack）
步骤一： 全局安装脚手架环境
npm i vue-cli -g
可以使用vue -V (-V大写) 命令查看版本，同时测试vue脚手架是否安装成功
步骤二 : 生成打包器
npm init webpack 回车
- Generate project in current directory? (Y/n)
生成项目用当前的文件夹吗？ 然后开始下载模板 - Project name 项目的名字（默认是当前文件夹的名字）
- Project description 项目的描述
- Author 作者
>运行时加载编译器
仅仅是默认的环境- Install vue-router 是不是安装路由（这里先选择不安装，以后用到再安装）
- Use ESLint to lint your code? (Y/n)是否安装语法检查器
- Set up unit tests (Y/n) 单元测试工具
也是测试工具，ps: 没有安装过- Setup e2e tests with Nightwatch? (Y/n) 也没有安装过
安装依赖
完成之后可以npm run dev 然后打开浏览器 http://localhost:8080 就可看到默认页面了
有些用户没有成功，可能原因： 没有权限；
解决： 找到 c盘>用户>管理员文件夹（带个小锁的文件夹）>AppData>Roaming>npm 下的 node_modules，右键属性->安全->编辑->添加一个Everyone用户,然后把所有权限都勾选->应用->确定
end 王者农药去了
1126
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
