![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue学习笔记
哈哈哈宝
这个作者很懒,什么都没留下…
展开
-
vue学习笔记: 8.计算属性-----computed
计算属性-----computed 在 computed 中可以定义一些属性,这些属性叫做 【计算属性】,计算属性的本质是一个方法, 只不过,我们在使用这些计算属性的时候,只把它们的名称,直接当作属性来使用;并不会把计算属性当作方法去调用. 注意: 计算属性,在引用的时候,一定不要加 () 去调用,直接把它当作普通属性使用就好了 只要计算属性的 function 内部,所用到的任何 data 中...原创 2019-01-16 18:07:09 · 123 阅读 · 0 评论 -
vue学习笔记:7.4.路由-命名视图实现经典布局
路由-命名视图实现经典布局 效果图 引入包 <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> CSS <style>原创 2019-01-16 17:06:58 · 164 阅读 · 3 评论 -
vue学习笔记:7.3.路由的嵌套
路由的嵌套 在路由配置时定义 children 数组,存储子路由 引入包 <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> 代码块 <原创 2019-01-16 16:59:50 · 118 阅读 · 0 评论 -
vue学习笔记:7.2.路由规则中定义参数-query传参与params传参
query传参与params传参 1.query传参- - - -this.$route.query &lt;div id="app"&gt; &lt;!-- 如果在路由中,使用查询字符串,给路由传递参数,则不需要修改路由规则的 path 属性 --&gt; &lt;router-link to="/login?id=10&amp;name=z原创 2019-01-16 16:55:27 · 350 阅读 · 0 评论 -
vue学习笔记:7.1.路由的基本使用
路由的基本使用 步骤: 1.安装 vue-router 路由模块(引入包) vue.js vue-router.js &lt;script src="https://unpkg.com/vue/dist/vue.js"&gt;&lt;/script&gt; &lt;script src="https://unpkg.com/vue-router/dist/vue-router原创 2019-01-16 16:49:28 · 133 阅读 · 0 评论 -
vue学习笔记:6.4.组件案例-评论列表
组件案例-评论列表 这里使用的 bootstrap 做布局 效果图如下: HTML <div id="app"> <!-- locadComments 为父组件中的方法名 --> <cmt-box @func="locadComments"></cmt-box> <ul class="list-group&qu原创 2019-01-16 10:27:12 · 816 阅读 · 0 评论 -
vue学习笔记:6.3.父组件与子组件间的传值
父组件与子组件间的传值 1.父组件向子组件传值——使用 props传值 (1)子组件在 props 中定义属性(parentmsg)接收父组件(msg)的值。 (2)父组件在引用子组件的时候,通过属性绑定(v-bind:parentmsg=“msg”)的形式,把需要传递给子组件的数据,以绑定的形式,传递到子组件内部以供使用。 <div id="app"> <!-- <...原创 2019-01-16 10:15:25 · 107 阅读 · 0 评论 -
vue学习笔记:6.1.组件的创建方式
组件的创建方式 1.使用 Vue.extend 创建全局组件,Vue.component(“组件名称”, 创建出来的组件模板对象) 给组件注册 <div id="app"> <!-- 如果要使用组件,直接把组件的名称,以 html 标签的形式,引入到页面中即可 --> <my-com1></my-com1> </div> ...原创 2019-01-15 18:06:31 · 100 阅读 · 0 评论 -
vue学习笔记:1.vue实现简单的跑马灯效果
一个简单的跑马灯效果启发,可以依次扩展更多效果 思想分析:利用定时器控制截取字符串长度动态循环显示 Html &amp;amp;amp;lt;div id=&amp;amp;quot;app&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;input type=&amp;amp;quot;button&amp;amp;quot; value=&a原创 2019-01-09 11:34:06 · 490 阅读 · 0 评论 -
vue实现导出excel
vue实现导出excel 思想:从后台接口接受到要导出的文件流,然后前端对文件流做处理。 这里使用了iView里面的Button组件。 不多说,上代码。 Html &amp;lt;Button class=&quot;san-import&quot; type=&quot;primary&quot; icon=&quot;ios-paper-outline&quot; @click=&a原创 2019-01-05 15:57:22 · 983 阅读 · 0 评论 -
在vue-cli项目中使用ztree,并实现ztree的模糊搜索高亮
vue-cli项目中使用zTree,并实现zTree的模糊搜索高亮文本1.效果图2.创建项目 ztree-search3. 引入zTree4.代码实现5.参考资料 网上许多关于zTree模糊搜索高亮文本的都是jq写的,但是笔者有点强迫症很想用vue来实现,不想在vue的项目中写jq代码,所以自己参考别的高手的方法做了修改,具体如下。 1.效果图 2.创建项目 ztree-search 关于使用...原创 2019-05-20 12:17:17 · 3271 阅读 · 7 评论