TA的文章(8)

  • Vue.js学习（一）

    Vue.js学习（一）初识Vue.js①为什么用Vue.jsVue.js是一个强大的数据处理框架，能够很好的提升前端的开发效率。②安装Vue.js的开发环境1.使用cdn（线上环境）http://cdn.bootcss.com/vue/2.1.10/vue.js2.使用你怕吗命令（node.js）$ npm install vue3.直接引入vue.js脚本（初学者）开发版下载：https://vuejs.org/js/vue.js生产版下载：https://vuejs.org/js/vue.m

    vue.js

  • Vue学习（二）

    Vue学习（二）Vue.js基础知识①模板语法代码如下： <div id="app"> <h3>普通文字</h3> <p>{{mustache}}</p> <p v-text="mustache"></p> <h3>插入原始html</h3> <p v-html="htmls"></p> <h3>html属性上插值</h3> <ul>

    vue.js

  • vue购物车项目

    Vue购物车项目实现效果图如下：购物车项目主要实现的功能有：添加购买商品、删除已选购商品、改变已选购商品的数量、随机打乱推荐商品顺序、响应式计算出商品金额总计、响应式计算节省金额、响应式计算总积分。在实现中对响应式数据用三种方式编写：①深度监听：如果 要监听一个对象中的属性，属性最高也是第二层了，watch可能监听不到，监听数组对象中的属性，所有要使用深度监听。代码如下： watch: { //深度监听 buy: {

    vue项目

  • vue购物车项目完善

    vue购物车项目完善①推荐右边图标的完善实现图如下：通过点击右边的图片改变一个布尔类型的值，图片使用v-if和v-else来做的。下方的推荐内容是通过v-show来绑定的。 <div style="float:right; margin-right: 20px" @click="toggle"> <img src="./img/shopping_arrow_down.gif" v-if="boo"/>

    vue

  • Vue.js学习（三）

    Vue.js学习（三）组件的学习①基础概念1.1组件是一个可复用的Vue实例，需要挂载到Vue的实例上。1.2组件除了el选项外，同样包括有data、computed、watch、methods以及生命周期等。②定义组件2.1组件的data和Vue实例有区别。组件通过一个函数返回一个对象，而Vue实例是对象，组件用函数返回一个对象主要是组件可以复用，在复用的时候不影响其他的组件。2.2组件没有el选项，vue实例有el选项。2.3组建的html元素定义在template属性上。Vue实例通过el

    vue.js

  • vue.js学习（四）

    vue.js学习（四）Vue Router（路由）构建单页程序①路由是Vue.js的核心组件，通过路由器可以构建用户体验较高的单页应用程序。②使用VueRouter构建一个单页应用程序在heml中要引入脚本Vue.js和VueRouter.js文件，定义导航组件<router-link>,渲染与路由匹配的组件内容<router-view>在js中步骤是定义组件信息，使用数字定义路由列表、实例化路由、实例Vue对象。实例化路由是挂载在Vue对象上的。<body> <div id="app"

    vue.js

  • vue学习（五）

    vue学习（五）vue脚手架的搭建（一）安装node.jsnode.js下载地址：http://nodejs.cn/download/根据自己电脑的配置下载相应的node.js。安装完以后，打开Dos窗口输入：node -v 。出现如下图的样式说明已经安装成功（二）安装脚手架（一下都是在Dos窗口输入）1.全局安装vue-cli(1)、用npm安装（国际开源库生态系统）：npm install - g vue-cli(2)、用cnpm安装（使用国内镜像安装）      ①安装淘宝镜像npm in

    vue

  • Vue Router（路由）--总结

    Vue Router（路由）--总结（一）路由基础1.概念        vue.js中路由相当于就是局部刷新，根据不同的url地址展现不同的内容或者页面，是vue.js中的核心组件，由vue.js官方维护的路由管理器。通过路由可以构建用户体验较高的单页应用程序。2.路由的定义以及使用① 引入必要的脚本文件Vue.js和Vue-Router.js，在引入脚本文件时，一定要注意引入的顺序，应当先引入Vue.js文件然后引入Vue-Router.js文件。Vue.js文件下载地址：https://w

    vuex vue.js