vue
文章平均质量分 79
weixin_45585996
这个作者很懒,什么都没留下…
展开
-
vue自定义组件库
现在vue的UI框架已经很丰富了,为什么还要封装一套自己的UI框架呢? vue的UI框架已经有很多(ElementUI,iView 等等),而且组件都很丰富,大体上可以满足我们的需求,不用重复造轮子,但是需求是不定的,在项目中有时候仅凭这些也实现不了,这时我们需要封装自己的组件或者对一些已经存在的组件进行二次封装。 接下来我们就来看看如何自定义自己的组件并使用 一:创建项目 # 创建目录 mkdir tanrj-ui # cd到目录中 cd tanri-ui # 初始化项目 vue create . 如原创 2020-10-09 10:24:13 · 1193 阅读 · 0 评论 -
uni-app封装路由
由于uni-app没有vue中的全局钩子函数,所以封装了Router对象 首先我们创建一个JS文件,用于存放路由跳转的方法(文件路径src/utils/router.js) class Router { constructor() { this.callBack = () => {}; } beforeEach(callBack) { if (callBack instanceof Function) this.callBack = callBack; } push(to)原创 2020-09-18 18:30:35 · 1177 阅读 · 2 评论 -
简述js模块导入并导出
user.js export default { login(phone, password) { }, registered(phone, password) { } ... } category.js export default { addCategory(categoryId) { }, deleteCategory(categoryId) { } ... } index原创 2020-08-21 15:25:00 · 243 阅读 · 0 评论 -
vscode自定义vue代码片段
点击 【文件】 – 【首选项】–【用户片段】 点击vue.json 自定义代码片段 { "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>", " $1", " </div>", "</template>\n", "<script>", "export default {", " n.原创 2020-08-21 10:52:28 · 238 阅读 · 0 评论 -
Vue初级知识汇总
Vue2.0 兼容 IE 哪个版本以上 不支持ie8及以下,部分兼容ie9 ,完全兼容10以上, 因为vue的响应式原理是基于es5的Object.defineProperty(),而这个方法不支持ie8及以下。 vue 的生命周期是什么 beforeCreate: 实例创建前被调用 created: 实例创建后被调用,完成数据观测,属性和方法的运算,watch/event 实际回调,模板渲染成 html(vm.$el 未定义),数据初始化最好在这个阶段完成 mounted : 在$el挂载后被调用,此原创 2020-08-21 10:12:53 · 208 阅读 · 0 评论 -
vue mixin使用
mixin js文件: mixin.js export default { data() { return { } }, watch: {}, methods: {}, ... } vue文件: index.vue import testMixin from ./mixin export default { data() { return { } }, mixins: [testMixin], // 可以有多个mixin } main.js 全局使用 imp原创 2020-08-13 11:16:51 · 108 阅读 · 0 评论