
vue
文章平均质量分 67
kalinux
这个作者很懒,什么都没留下…
展开
-
vue进阶
1,模板语法1,单次绑定v-once,仅渲染一次,随后的重新渲染会被跳过<span v-once>{{sex}}</span>2,v-html和v-text相当于element.innerHTML 和innerText<div v-html="gethtml"></div>data(){return{ gethtml: '<span>来吧</span>'}}3,v-bind的两种写法&l.原创 2021-06-16 16:43:19 · 1306 阅读 · 0 评论 -
vue-cli3项目结构解读
node_modulespublic 该文件夹用来存放静态资源,存放在此的东西不受打包影响,会原封不动的输出到dist文件夹中serversrc.browserlistrc 用来对浏览器进行限制,规定什么样的浏览器能够将es6转为es5,类似vue cli2的.babelrc (来自于@vue/cli-plugin-babel)babel.config.js 是babel的配置文件 (来自于@vue/cli-plugin-babel).eslintignore e...原创 2021-05-25 10:08:50 · 426 阅读 · 0 评论 -
vue的加载顺序导致的:在export之外初始化window全局变量是undefined
question:最近写vue项目遇到一个问题,以下三个文件中,water.vue在export之外初始化window定义的全局变量,结果是undefined//APP.vue<template> <earth /> <water /></template>//earth.vue <template></template><script> export default{ name:'ear原创 2020-10-20 10:02:06 · 2595 阅读 · 0 评论 -
vue在template使用import中的变量会报错undefined
1,两个文件,一个rain.vue,一个water.js; rain.vue引用了water.js的类// water.jsexport class Water{ constructor(){ this.name = "bob" } destory(){ return 6; }}//rain.vue<template> <div> <button @click = 'water.原创 2020-10-19 22:04:10 · 4769 阅读 · 2 评论 -
mobx和vuex的简单对比及快速使用
最近在将公司react项目迁移到vue上,react中使用的状态管理机制是mobx,而vue中使用的是vuex; 为了更快速的迁移代码,所以简单对比回忆了一下vuex和mobx之间的区别,以下是mobx和vuex的官网手册目录对比:1,mobx的多数使用前缀:@observable: 以此为前缀的普通变量,将是全局变量;若该变量的类型是对象或者数组,需要使用observale(对象/数组) ,的方式定义全局变量;用于定义的类@action: 以此为前缀的函数,是唯一可以修改 @observ...原创 2020-10-19 14:24:47 · 2950 阅读 · 0 评论 -
vue中slot的作用
1,用法一:slot作为标签使用父组件:<div> <slotchild> 我不应该显示出来</slotchild></div>子组件:slotchild.vue<div> <span> 我应该显示的</span></div>理论上父组件里应该写<slotchild />,以上的代码<slotchild></slotchild&...原创 2020-10-17 22:39:52 · 2544 阅读 · 0 评论 -
vue修改开源ui的样式方法
在vue中,使用类似element-ui, material-ui,antd等等开源ui框架,如果想要覆盖他们的样式1,首先:<style scoped></style>需要去掉scoped,因为这个scoped表示该style中的样式仅限于本vue文件中使用,不污染全局的css,这样的话开源框架中的需要被覆盖的样式就无法被污染(覆盖)了。2,其次:需要在被覆盖的样式后面添加!important ;...原创 2020-10-17 20:46:15 · 319 阅读 · 0 评论 -
关于window在js和vue中的应用,以及eslint的干扰
1,如果index.html中引入a.js和b.js,那么两个文件中的变量不需要使用window就可以互相调用;2,如果index.html中引入a.js,没有引入b.js,假设b.js想要使用a.js的变量,那么使用window也访问不到对方的变量3,如果a.js文件中,x函数想要访问y函数的变量,则使用window.ys = 1001定义变量,使用ys直接就能获取变量;4,如果a.vue想要访问b.vue文件中的变量,假设b.vue能够在a.vue之前或者同时加载,那么假设eslint不干扰,b.原创 2020-10-12 15:55:14 · 674 阅读 · 1 评论 -
vue中无法使用index.html中js文件的变量
在某js中使用window定义对象变量,使用html引入这个js文件,则本html中的script可以直接使用这个window定义的变量。但是vue文件不可以直接使用,需要重新定义:const a = window.变量名 才能获取draw.js中:window.draw = new Draw();1. 在index.html中:console.log(draw) // new Draw();2. 在index.html中:window.a = new Draw();cons...原创 2020-10-12 10:53:34 · 4584 阅读 · 3 评论 -
解决ztree报错init undefined
1,说法一:在main.js中引入js资源表示全局引入,意思所有的vue文件都可以使用;在某个vue文件中引入资源表示局部引入,只有这个vue文件自己可以使用此资源;2,说法二:import 了之后 和一个变量是一样的。之前的引入 script 标签之后 所有的地方都可以用,是因为引入的时候,script 把入口文件挂在 浏览器的 window 对象下了。一般现在的库都会判断下 引入的条件 是 amd 还是 common-js 还是 browser 还是 node。3,import 以后你有没有V原创 2020-09-30 15:20:27 · 2024 阅读 · 1 评论