- 一般会在mounted中渲染从后端获取的数据(页面初始化时,如果有操作dom的事件一般也会放在mounted钩子函数中。当然,以可以放在create中,前提需要使用this.$nextTick(function(){}),在回调函数中操作dom)
- 阶段二:Vue实例运行阶段
- beforeUpdate
- 数据依赖改变或者用¥forceUpdate强制刷新时,对象data中的数据已经更改(虚拟dom已经重新渲染),但是页面中的值韩式原来,未改变,以为此时还未开始渲染dom;update此时data中的数据和页面更新完毕,页面已经被重新渲染;
- 在实际开发中,一般会用监听器watch来代替上边2个方法,因为watch会知道是哪个数据变化;
- 阶段三:Vue实例销毁阶段
- beiforeDestoy
- 实例销毁前使用,在此刻实例还是可用的。
- destoryed
- Vue实例被销毁,观察者,子组件,事件监听被清除(页面数据不会消失,只不过是相应式无效了)。
Vue组件中data必须式一个函数
- 侦听属性的值可以式一个对象,接受handler回调,deep,immediate三个属性;
- 监听式一个过程,在监听的值变化时,可以触发一个回调,并做一些其他的事情。
Vue-router路由有哪些模式?
- 一般有两个模式”
- hash模式:后面的hash值的变化,浏览器既不会像服务器发出请求,浏览器也不会刷新,每次hash值变化会触发hashchange事件。
- history模式:利用了HTML5中新增的pushState()和replaceState()方法。这两个方法应用于浏览器的历史记录进行修改的功能。只是当他们执行修改时,虽然改变了当前的URL,但是浏览器不会立即向后端发送请求。
Vue-cli项目中assets和static文件夹有什么区别?
- 两者都是用于项目中所有使用静态资源文件的文件夹,其区别在于:
- assets中的文件在运行npm run build的时候会打包,简单来说就是会被压缩体积,代码格式化之类的。打包之后也会放到static中,static中的问价则不会被打包。