Vue
信588
这个作者很懒,什么都没留下…
展开
-
9 Vue render&mixins
mixins用于复用在src下创建mixins/count.js用于存放你要重复使用的模块export default { data() { return { count: 0, a: 10 }; }, methods: { add() { this.count++; }, minus() { this.count-- } }};暴露的方法原创 2021-08-06 10:16:04 · 305 阅读 · 0 评论 -
8 - Vue - slot插槽
创建插槽文件在自动注册组件下创建MySlotss/Iindex,通过props来传值<template> <div> <slot name="h3">h3</slot> <slot name="h1">h1</slot>//用name接收#名字来排序 <slot name="h2">h2</slot> </div></temp原创 2021-08-05 17:29:22 · 65 阅读 · 0 评论 -
7 -过滤器
创建过滤器文件filters/index.jsimport Vue from "vue";//引入vue//语法//Vue.filter('选择器名',function(value){ // if (!value) return '' // return `$${value}` 要做的事情//})Vue.filter('dollar', function (value) {//value为接收的参数,要改变的值 if (!value) return ''//判断是否为空 re原创 2021-08-05 14:20:42 · 49 阅读 · 0 评论 -
3-Vue-组件的基本用法
局部组件通过一个对象来描述这个组件const counter = { //模板 template: ` <div>counter</div> `}创建一个实例来注册这个组件new Vue({//el:挂载点 el: "#app", //组件,用来注册一个组件counter,components组件的意思 components:{counter}})在上面注册了一个counter组件,且只能在挂载点为app的容器使用这个组件全局注册&原创 2021-08-03 14:25:10 · 86 阅读 · 0 评论 -
1-Vue-基本用法
Vue起步Vue官网文档我们先直接引用Vue,先不搭建结构创建Vue-dome为根目录,作为项目的根目录,最终目录如在Vue官网文档复制<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>里面的链接,在新网页打开,然后全部粘贴进vue.js,引入Vue`在html里引入Vue自己要写的JS文件,使用声明式渲染 <div id="app"> 声明原创 2021-08-02 10:56:37 · 59 阅读 · 0 评论