随笔分类 - vue
vue常见操作
摘要：createPersistedState插件是通过监听Vuex的mutation来实现状态持久化的。 如果某些状态没有被触发mutation,那么这些状态将不会被持久化
阅读全文
摘要：使用npm run build可以对vue项目进行打包 生成文件夹dist，里面的html只能放在服务器查看效果，在本地打开会报错 这是因为vue-cli打包时，默认的publicPath路径是 '/' 只需要在vue.config.js文件中将publicPath路径改为 './' 或 '' 如果
阅读全文
摘要：常用的导航api有： this.$router.push('hash地址') 跳转到指定hash地址，并增加一条历史记录 this.$router.replace('hash地址') 跳转到指定hash地址，并替换到当前的历史记录 this.$router.go(数值n) 历史记录的前进和后退，数值
阅读全文
摘要：打开setting时会看到有一条三角形的警告信息 看问题描述：无法从该网站加载 解决方法： 打开设置，找到扩展下的json项 设置之后可以在settings.json文件中看到新增加一项 "json.schemaDownload.enable": false 可以直接在界面上设置： "json.sc
阅读全文
摘要：直接使用npm install vue-router -save安装的路由，运行报错 经排查后发现是安装的vue-router版本太高 使用 npm uninstall vue-router 卸载之前安装的路由 使用 npm i vue-router@3.5.2 安装低版本的路由 问题解决！！！
阅读全文
摘要：私有自定义指令（在与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就可以看到效果了
阅读全文
摘要：@click @click直接点击，会触发父元素事件 例如： <template> <div @click="parentClick"> <div @click="childClick" > 子界面 </div> </div> </template><script> export default {
阅读全文
摘要：第一步（仅第一次执行）：全局安装@vue/cli npm install -g @vue/cli 第二步（切换到需要创建的目录下），然后使用命令创建项目 vue create xxxx（项目名称） 第三步：启动项目 npm run serve 备注：若下载速度很慢的话，请将npm包换为淘宝镜像 np
阅读全文
摘要：1.npm与node.js不匹配 打开匹配网址 https://nodejs.org/zh-cn/download/releases 查看当前node.js的版本 node -v 找到对应的npm版本 然后执行 npm -g install npm @8.5.5（对应npm版本号） 更改成功！
阅读全文
摘要：npm install rimraf -g rimraf node_modules
阅读全文
