11 2023 档案
摘要:私有自定义指令(在与data()同级结构中进行配置) // 私有自定义指令的节点 directives: { // 定义名为color的指令,指向一个配置对象 color: { // 当指令第一次被绑到元素上的时候,会立即触发bind函数,只会调用一次 // 形参中的el表示当前指令所绑定到的那个d
阅读全文
摘要:component标签是vue内置的,作用:组件的占位符 <component is="组件名称"></component> 其中is属性的值表示要渲染的组件的名字,也就是components节点下的组件名称 当我们动态切换组件名称时,每切换一次,组件就会被销毁一次,若不想让组件被销毁,则需要用到标
阅读全文
摘要:1、父组件向子组件共享数据 2、子组件向父组件共享数据 3、兄弟组件之间的数据共享
阅读全文
摘要:vue的生命周期图如下: 总结:一般在created中进行数据请求、mounted中操作dom数据结构、beforeDestroy中关闭定时器或订阅消息等
阅读全文
摘要:1、在main.js入口文件中,使用Vue.component()方法注册组件 2、在需要使用组件的地方进行标签使用即可 <MyCount></MyCount>
阅读全文
摘要:方法一: 当监听某一属性的变化时,建议直接使用函数格式 const vm = new Vue({ el:'#app', data:{ username:'' }, watch:{ username(newVal,oldVal){ console.log(newVal,oldVal) } } }) 方
阅读全文
摘要:在vue.config.js的文件中添加代码:publicPath:'./' 写完之后npm run build重新打包 双击打开dist里面的index.html就可以看到效果了
阅读全文