一.watch的使用
1.监听data中数据的改变
在watch里面监听data里面数据的变化，newVal表示更新的数据，oldVal表示更新之前的数据
监听的属性一定要带上引号
监听
2.监听路由的改变
路由的路径$route.path ，带引号
二.computed计算属性
要计算的属性写到computed对象里面，一定注意函数是有返回值的，计算属性的本质就是一个方法
只要计算属性，这个函数内部，所用到的任何data中的数据发生了改变，就会立即执行重新计算这个属性
计算属性的求值结果，会被缓存起来，方便下次直接使用，如果计算属性方法中所有的数据都没有发生改变。就不会触发求值过程
函数内部一定要有返回值
这个fullname属性从data上面移到computed里面
计算属性
三.配置webpack
项目文件夹
项目文件夹
index.html页面
首页
mian.js文件
js文件
1.下载包
注意不要用yarn下载全局的包
下载全局的webpack cnpm i webpack webpack-cli -g （注意最新的版本的3.版本用法有些不一致）
建立一个项目文件夹
npm init -y 初始化文件夹 生成package.json文件
下载局部的webpack cnpm i webpack webpack-cli -D
下载局部的webpack-dev-server -D（下载前提是项目文件夹已经安装了局部的webpack，这个可以实现文件的自动打开）
下载局部的 cnpm i html-webpack-plugin -D 的插件（这个插件的主要作用是根据指定的页面在内存生成相应的页面，第二点自动把打包好的bundle.js插入到页面中，就不需要在index.html当中手动引入，这个插件会自动创建一个script标签，并引用bundle.js）
2.先对package.json文件进行修改
配置dev属性，只有配置了才能正常的使用这个模块，后面还可以加参数
这四个值都可以在webpack.config.js文件中配置，
--open 可以实现文件自动在浏览器打开
--port 3000 设置要想访问的端口
--contentBase src 用来展示默认的页面
--hot 实现热重载 不需要重新加载页面
配置package.json文件
3.配置webpack.config.js文件
首先这个webpack.config.js文件夹应该写在项目的根目录里面（名字不容许有任何的错误）
注意：只要是插件都要挂载到plugin的节点上面
webpack-dev-server打包生成的bundle.js并没有存放到实际的物理磁盘上，而是直接托管到了电脑的内存中，所以在项目根目录中，根本找不到这个打包好的bundle.js
我们可以认为webpack-dev-server打包好的文件以一种虚拟的形式，托管到了项目根目录中，虽然看不见，但是可以认为和dist src 平级
webpack.config.js文件的配置过程
网友评论