vue
bigFace2019
这个作者很懒,什么都没留下…
展开
-
vscode中生成vue3片段
首先在vscode编辑器中打开,【文件】–>【首选项】–>【用户片段】–>选择vue.json { "vue3": { "prefix": "vue3", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script lang='ts'>", "import {defineCompon...原创 2021-07-10 23:21:49 · 440 阅读 · 2 评论 -
从零开始开发一个vue组件打包并发布到npm (把vue组件打包成一个可以直接引用的js文件)
转载自:进军的蜗牛,https://www.cnblogs.com/yalong/p/10388384.html有两点需要注意:1.把sass和scss相关的去掉,很难按照成功。{ "_from": "yyl-npm-practice", "_id": "yyl-npm-practice@1.0.7", "_inBundle": false, "_integrity": "sha1-HqmHTvgqIGQa81QUOY4GEBBpEsQ=", "_location": "/转载 2020-12-13 01:11:47 · 1964 阅读 · 0 评论 -
在js中想要使用vue中vuex的state和mutation
在js中想要使用vue中vuex的state和mutation首先引入store(也就是通常的vuex的出口)import store from '../store'然后使用store.state.xxx或者引入:import {myMethod} from store.mutations然后调用:store.commit(myMethod,param);...原创 2020-07-17 00:35:42 · 1447 阅读 · 0 评论 -
封装和使用mock.js和easy-mock
封装和使用mock+axios1.封装mock2.通过axios来使用mock3.查看结果:1.封装mock新建api.js// 引入mockjsimport Mock from 'mockjs'// 使用mockjs模拟数据Mock.mock( 'http://mockjs', { 'userName': '@name', // 模拟名称 'age|1-100': 100, // 模拟年龄(1-100) 'color': '@color', // 模拟色值原创 2020-06-06 19:10:09 · 389 阅读 · 0 评论 -
vue常用技巧
vue常用技巧1.关于数据初始化1.关于数据初始化1.在created中去获取服务器数据2.在mounted中操作虚拟dom(ref),在这里面也常常去获取服务器数据。两个的使用上:以下来自::https://blog.csdn.net/weixin_43925811/article/details/90712413vue请求数据放在created好还是mounted里好建议放在created里created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。mount原创 2020-05-15 20:33:43 · 251 阅读 · 0 评论 -
vue.js中组件和插件的区别
vue.js中组件和插件的区别组件和插件的区别:组件(Component)是用来构成你的App的业务模块,它的目标是App.vue。插件(Plugin)是用来增强你的技术栈的功能模块,它的目标是Vue本身。插件引入需要import后使用Vue.use()后就可以全局使用了组件是引入后注册就可以使用了...原创 2020-05-07 00:00:47 · 1980 阅读 · 0 评论 -
vue组件注册方式
vue组件注册方式:1,全局注册(这种方式注册组件必须在vue实例化之前声明)2,局部注册补充:3,扩展实例转自:https://www.cnblogs.com/toward-the-sun/p/6423797.htmlhttps://blog.csdn.net/project_sun/article/details/904466091,全局注册(这种方式注册组件必须在vue实例化之前声明)...原创 2020-04-26 19:24:34 · 331 阅读 · 0 评论 -
vue+element-ui入门(手把手教你怎么用element)
vue+element入门,手把手教你怎么用element1.vue安装使用查看版本升级或安装 cnpm最新稳定版全局安装 vue-cli创建一个基于 webpack 模板的新项目这里需要进行一些配置,默认回车即可2.安装element-uinpm 安装3.使用项目目录:引入 Element使用elment-ui运行访问网页:1.vue安装使用参考:https://www.runoob.com...原创 2020-04-25 12:14:25 · 10668 阅读 · 0 评论 -
vue.js中怎么调试
vue.js中怎么调试1.使用谷歌浏览器,直接在源码中打断点1.1进入f121.2 ctr+P:找到指定源代码1.3 打断点,调试即可1.使用谷歌浏览器,直接在源码中打断点1.1进入f12在谷歌浏览器中打开用vue.js写的也页面,然后f12,跳出调试界面1.2 ctr+P:找到指定源代码文件中代码结构:进入f12中,鼠标要定到f12里面,然后ctr+p,出现搜索框,找到需要调...原创 2020-04-17 20:18:27 · 1664 阅读 · 0 评论