np918的博客

vue项目npm run serve报错in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法重新安装sass-loader node-sass一、直接安装npm install sass-loader node-sass -D二、cnpm安装npm install -g mirror-config-china --registry=http://registry.npm.taobao.orgcnpm install

event.target始终指向事件发生时的元素，而event.currentTarget指向事件所绑定的元素。例如:<div @click="openPlays"> <i>aaa</i>内容元素</div>当点击div时候触发openPlays，并往openPlays中传入当前对象openPlays(e){ console.log(...

使用this.$forceUpdate强制重新渲染如果要在组件内部中进行强制刷新，则可以调用this.forceUpdate强制重新渲染组件，从而达到更新目的。 <template> <button @click="reload()">刷新当前组件</button> </template> <script> export de...

Vue里面methods对象里面如果使用箭头函数会导致this指向不是vue实例，而是一个xxx.a的一个类，尽量不要在vue所定义的字段里面使用箭头函数。由此可见，vue中的自带方法使用箭头函数会出现各种错误，慎用！！！...

在Vue中watch中使用了箭头函数props:{ price:{ type:Number, num:0 }},data(){ return{ priceDefault:0 }}watch:{ price:(val,ind)=>{ console.log(val,ind) }}死活不起作用。解决办法翻了下vue中关于watch的说明文档，末尾...

访问根实例1 .this.root2.所有的子组件都可以将这个实例作为一个全局的store来访问或者使用3.小型的小项目其实可以直接这样共享数据，大型的项目还是要使用Vuex来管理状态∗∗访问父组件实例∗∗1.root2 .所有的子组件都可以将这个实例作为一个全局的store来访问或者使用3 .小型的小项目其实可以直接这样共享数据，大型的项目还是要使用Vuex来管理状态**访问父组件实例*...

1.activated：页面第一次进入的时候，钩子触发的顺序是created->mounted->activated2.deactivated ：页面退出的时候会触发deactivated，当再次前进或者后退的时候只触发activatedkeep-alive简介：keep-alive是vue内置的一个组件，可以被包含的组件保留状态，或避免重新渲染。 <keep-alive...

<img class="logo" :src="logo"> export default{ name:"xxx", data(){ return{ logo:require("./../static/images/logo.png") } } }

一、静态资源static存放位置放在src目录下你可能会问为什么放在src目录下？放在跟src同级目录下不可以吗？好吧，一开始我也是放在src同级目录下，但是在某个css文件中引入背景图片的时候打包之后图片失效，我是这样引入的实践证明这个写法是错误的，这个会在你打包的时候直接抱一大堆错（如css-loader错误），连项目都跑不起来。于是我用下面的写法：这种写法也是不可以的，原因是...

1.全局方法(推荐)2.computed 属性3.$options.filters (推荐)使用全局方法vue.prototype.msg=function(msg){return msg.replace("\n","")}commputed属性var appMain = new Vue({data:{content:“xxx”},el:"#appMain",compu...

答案是不可以的，重名会报错 <div id="chongming"> {{testname}} <button v-on:click='dianji'>点击</button> </div> new Vue({ el:'#chongming', data:{ testname:'这是转换...

一、全局引入文件1.先定义公共组件common.vue <script type="text/javascript"> // 定义一些公共的属性和方法 const httpUrl = 'www.baidu.com' function common() { console.log("公共方法") } /...

如何追踪变化当你把一个普通的js对象传入Vue实例作为data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty把这些属性全部转为getter/setter。Object.defineProperty是ES5中一个无法shim的特性，这也就是Vue不支持IE8以及更低版本浏览器的原因这些getter/setter对用户来说不可见的，但是在内部他们让Vue能够追...

MVVM定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】是后端传递的数据。【视图】是指所看到的页面。【视图模型】是mvvm的核心，它是链接view和model的桥梁。它有两个方向：①：将【模型】转化成【视图】，即将传递的数据转化成所看到的页面。实现方式：数据绑定。②：将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现方式：DO...

vue的安装版本可分为运行时 + 编译器和只包含运行时两种，这两种版本的区别在于是否含有编译器。我们通过vue-cil脚手架安装完项目后只包含运行时main.js中import App from ‘./App.vue’new Vue({router,store,render: h => h(App)}).$mount(’#app’)vue的实例里面有render方法来编译...

路由守卫分为以下几种全局守卫：beforeEach（是路由的钩子函数，在每一个路由跳转之前执行，常做登录权限判断，参数：to，from，next）后置守卫：afterEach（在跳转之后执行，参数：to，from）全局解析守卫：beforeResolve（参数：to，from，next。在beforeEach之后，afterEach之前）路由独享守卫：beforeEnter组内路由守卫：...

methods 事件methods被混入到Vue实例中，可以直接通过VM实例访问这些方法，或者是在指令表达式中使用。方法中的this自动绑定为Vue实例。 <p>methods={{sub()}}</p> methos:{ sub(){ console.log("aaa") } }computed ...