vue
the_lower
这个作者很懒,什么都没留下…
展开
-
前端模块化
node中的模块化:es6中的模块化:原创 2020-08-06 11:28:10 · 134 阅读 · 0 评论 -
vue笔记 ---组件之间的通信
父组件向子组件传值:props中如果值是一个数组或者对象,默认值必须是一个工厂函数,否则报错。props: { msgInfo: { type: Array, required: true, default: function(){ return [] } }, msg1: [string, number] //msg1既可以是字符串也可以是number}父组件中绑定props值要用短横线格式:<comList :mag-info="message">.原创 2020-08-05 16:10:48 · 119 阅读 · 0 评论 -
vue中使用typescript的迷惑
一. 第三方插件库:vue-class-componentvue-class-component 是官方维护的TypeScript装饰器,写法比较扁平化import { Component, Vue, Watch, Prop } from 'vue-class-component'import Header from '@/component/header.vue'import MyMixin from './mixin.js' Vue.mixin(MyMixin); @Compone原创 2020-07-16 18:09:00 · 322 阅读 · 0 评论 -
前端项目学习
下载并运行https://github.com/Armour/vue-typescript-admin-template模板项目,熟悉了前端项目的基本结构,了解了vue,vuex,typescript,element-ui怎么结合一块开发项目,并自由添加路由以及页面。以下是我添加的页面:test组件<template> <div> <el-button type="primary" size="mini" plain="true"> 提交原创 2020-07-15 18:43:54 · 195 阅读 · 0 评论 -
vue学习笔记(五)
节点,树<div> <h1>My title</h1> Some text content <!-- TODO: Add tagline --></div>上述 HTML 对应的 DOM 节点树如下图所示:每个元素都是一个节点。每段文字也是一个节点。甚至注释也都是节点。一个节点就是页面的一个部分。就像家谱树一样,每个节点都可以有孩子节点 (也就是说每个部分可以包含其它的一些部分)。虚拟DOM:Vue 通过建立一个虚拟 D原创 2020-07-14 11:05:46 · 586 阅读 · 4 评论 -
vue学习笔记(四)
混入:混入提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。// 定义一个混入对象var myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from mixin!') } }}原创 2020-07-14 10:32:00 · 202 阅读 · 0 评论 -
vue学习笔记(三)
处理边界情况:访问根实例:在每个 new Vue 实例的子组件中,其根实例可以通过 $root property 进行访问(适用于小型应用,大型应用使用vuex来管理状态)// Vue 根实例new Vue({ data: { foo: 1 }, computed: { bar: function () { /* ... */ } }, methods: { baz: function () { /* ... */ } }})//所有的子组件都可以原创 2020-07-14 09:59:04 · 209 阅读 · 0 评论 -
vue学习笔记(二)
组件:组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。为了能在模板中使用,这些组件必须先注册以便 Vue 能够识别。这里有两种组件的注册类型:全局注册和局部注册。全局注册:// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { //全局注册一个组件,第一个参数为组件名称 d原创 2020-07-13 17:51:25 · 253 阅读 · 0 评论 -
vue学习笔记(一)
1. 插值表达式(也可以是简单的表达式或者三元表达式)<span>message: {{ msg }}</span>2. 插入原始HTML<p v-html="rawHtml"></p>3. 插入html属性<div v-bind:id="dynamic"></div>4. 指令:带有v-前缀(1)v-if:条件渲染,这块内容只会在指令的表达式返回 truthy 值的时候被渲染。<h1 v-if="aweso原创 2020-07-13 16:44:42 · 140 阅读 · 0 评论 -
vuex的学习笔记与总结
一. Vuex是什么vuex是实现组件全局状态管理的一种机制,可以方便的实现组件之间数据的共享。二. 使用vuex统一管理状态的好处能够在vuex中集中管理共享的数据,易于开发和后期维护;能够高效地实现组件之间的数据共享,提高开发效率;存储在vuex中的数据都是响应式的,能够实时保持数据与页面的同步;三. 什么样的数据适合存储到vuex中一般情况下,只有组件之间共享的数据,才有必要存储到vuex中,对于组件中的私有数据,依旧存储在组件自身的私有data中。四. vuex的基本使用安原创 2020-07-13 11:50:27 · 363 阅读 · 0 评论