vue2.0
文章平均质量分 56
vue2.0
chensunxu
这个作者很懒,什么都没留下…
展开
-
前端Vue开发规范
单文件组件的顶级元素的顺序单文件组件应该总是让<template>、<script>和<style>标签的顺序保持一致。且<style>要放在最后,因为另外两个标签至少要有一个。<!-- Component.vue --><template>...</template><script>/* ... */</script><style>/* ... */</...原创 2021-05-05 17:24:29 · 685 阅读 · 0 评论 -
组件/实例的选项的顺序
<!-- --><template> <div> </div></template><script>export default { name: '', components: {}, filter: {}, mixins: [], props: {}, data() { return {} }, computed: {}, watch: {}, created() {}.原创 2020-09-15 08:44:56 · 183 阅读 · 0 评论 -
vscode中添加vue默认代码片段
打开vscode工具,点击左上脚菜单文件==>首选项==>用户代码片段 选中vue.json,输入如下代码 在新建的.vue文件中输入vuec就可以生成默认代码了,其中prefix的就是你要生成默认代码的输入的参数,可以自行修改 { "Vue component": { "prefix": "vuec", "body": [ "<!-- $0 -->", "<template>", " <div>",..原创 2020-09-14 14:28:33 · 932 阅读 · 0 评论 -
vue项目风格指南
# 组件数据 组件的data必须是一个函数。Vue.component('some-comp', { data: function () { return { foo: 'bar' } }})// In a .vue fileexport default { data () { return { foo: 'bar' } }}# Prop定义的必要props: { status: String...原创 2020-09-14 15:13:25 · 191 阅读 · 0 评论 -
vue拖拽vuedraggable实现拖拽排序
1、使用cmd命令在项目根目录下下载安装vuedraggable// npm安装npm i vuedraggable -S// cnpm安装cnpm i vuedraggable -S2、在组件中需要使用的引入,并注册组件// 导入import draggable from 'vuedraggable'// 注册components: { draggable }3、使用// html<draggable v-model="draggableList" elem原创 2020-05-29 11:16:00 · 365 阅读 · 0 评论 -
vue项目中使用mock模拟后端数据
前言使用mock可以让前端不在局限于后端接口,在规定好文档格式后甚至能一次性开发完整个前端接口,大大节省了对接时间,可以说是当前前端必备的技能之一了。最近做新项目,重新搭建了下框架,想着写一篇mock的配置文章,让大家共同进步。一、npm下载插件npm install mockjs --save-dev二、创建mock文件夹1.在跟目录(src目录同级)下创建mock文件夹2.mock文件夹下新建index.js文件import Mock from 'mockjs'i...原创 2020-08-17 23:58:53 · 3842 阅读 · 7 评论 -
sass之mixin的全局引入(vue3.0)
1.scss文件(mixin.scss)// 设置宽高@mixin wh($w, $h) { width: $w; height: $h;}2.配置loader//vue.config.js css: { loaderOptions: { sass: { prependData: `@import "~@/styles/...原创 2020-01-19 17:22:54 · 2002 阅读 · 0 评论