欢迎来到3672js教程,我们关注js教程、js框架、js代码特效等。

vuejs写一个百度(localstorage+条数限制)

vuejs写一个百度(localstorage+条数限制) 没用vuejs的组件,因为我现在还接受不了html写在js里面的恶心代码。。。。 主要是感受一下纯数据驱动。。。 对了支持键盘操作 问题解决,用一个自定...(投递于2019-03-10 12:58:06)

基于vue2.0+vuex的日期选择组件

基于vue2.0+vuex的日期选择组件 calendar vue日期选择组件 介绍 一个选择日期的vue组件 基于vue2.0 + vuex 原本是想找这样的一个组件的,查看了vuex后,发现vuex的写法还不是基于2.0的,所以就自己动手...(投递于2019-03-10 12:58:02)

vue.js mvvm前端框架

vue.js mvvm前端框架 全局 API ### Vue.extend( options ) 参数: {Object} options 用法: 使用基础 Vue 构造器,创建一个“子类”。参数是一个包含组件选项的对象。 data 选项是特例,需要注意 - 在 Vue.exte...(投递于2019-03-10 12:57:56)

vuejs的首次尝试

vuejs的首次尝试 前提是node和npm的版本更新一下,node最好是3.0以上的 node -v //查看版本 npm -v 步骤如下 npm install -g vue-cli相当于帮助你完成vue项目的架构建设 vue init webpack my-project cd my-project npm...(投递于2019-03-10 12:57:52)

基于vue.js的date-picker

基于vue.js的date-picker 无聊用vue写了一个date-picker组件。 只是随便写了一下,有好多可优化的点。大家轻喷哈 后期有空把time-picker一起加上 html 代码 !DOCTYPE htmlhtml lang=enheadmeta charset=utf-8titledatep...(投递于2019-03-10 12:57:48)

Vue中使用highlight.js

Vue中使用highlight.js 最近在学习研究Vuejs,感觉很棒,很符合我们中华儿女的思维,赞一个... 在学习的过程中,使用vue-cli,结合bootstrap框架,搭建了一个学习型demo,在不断进步和完善中,现已...(投递于2019-03-10 12:57:43)

如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件

如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件 使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要修改的是build/webpack.base.conf.js,修改两处的代码 javascript 代码...(投递于2019-03-10 12:57:39)

Vue.js 写法

Vue.js 写法 ####和同学的聊天中得知了这个前端框架,趁着阳光正好,整理下相关内容。有时间也会慢慢来完善。略有粗糙,忘见谅! ####咱不说它的起源,直接上代码: 1.Hello Vue html 代码 !DOC...(投递于2019-03-10 12:57:35)

vue.js 学习 学习笔记

vue.js 学习 学习笔记 vue: 读音: v-u-e view vue到底是什么? 一个mvvm框架(库)、和angular类似 比较容易上手、小巧mvc: mvp mvvm mv* mvx官网:http://cn.vuejs.org/ 手册: http://cn.vuejs.org/api/ vue和angular区别? vue——...(投递于2019-03-10 12:57:31)

vue 学习笔记(二)

vue 学习笔记(二) v-cloak vue渲染的时候会闪现类似模板语法{{item.name}} 在根元素添加v-cloak命令 css中添加[v-cloak] { display: none; } computed 计算属性 根据缓存得出新的数据,不改变原始数据(保持纯...(投递于2019-03-10 12:57:27)

webpack安装和使用--前端必备

webpack安装和使用--前端必备 [/color][color=#d8d8d8] ####什么是 webpack? 代码拆分 Webpack 有两种组织模块依赖的方式,同步和异步。异步依赖作为分割点,形成一个新的块。在优化了依赖树后,每一个...(投递于2019-03-10 12:57:22)

第一次写笔记:vue.js增加Tag标签

第一次写笔记:vue.js增加Tag标签 html 代码 script src=//cdn.bootcss.com/vue/2.1.6/vue.min.js/scriptstyle ul,li{ list-style: none; margin:0; padding:0; } .tag{ width: 300px; height: 30px; border:1px solid #ddd; border-radius: 5px; padding-...(投递于2019-03-10 12:57:18)

Vue.js学习(1)

Vue.js学习(1) 近期VUe发布了2.0版本,相对于在1.0版本上做了很多提升和修改。Vue的官网维护的很好,教程和API都很明晰。VueJS,以下大部分复制于Vue官网教程。 ####1.入门例子 html 代码 !DOCTYP...(投递于2019-03-10 12:57:14)

Vue.js学习(2)

Vue.js学习(2) ###一 Vue实例 ####1.构造器 每一个vue应有都是通过一个Vue实例开始。 var vm=new Vue(){}; 。可以看出,和普通构造器函数一样,需要传入一个选项对象,它可以包含数据、模板、挂载元...(投递于2019-03-10 12:56:54)

Vue.js学习(3)

Vue.js学习(3) ####数据选项 (1)data 类型: Object | Function 限制: 组件的定义只接受 function。 详细: [ul] [li]Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data 的属性能...(投递于2019-03-10 12:56:50)

Vue.js:使用Vue-Router 2实现路由功能

Vue.js:使用Vue-Router 2实现路由功能 注意:vue-router 2只适用于Vue2.x版本,下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。 推荐使用npm安装。 npm install vue-router 一、使用路由 在main.js中...(投递于2019-03-10 12:56:46)

基于vue的chrome浏览器插件分享

基于vue的chrome浏览器插件分享 最近看到许多分享vue的文章,貌似vue很受大家的欢迎啊。我把自用的一个基金插件用vue重写了一遍,和大家分享。源码已放到github上,在360应用市场也可以下载。...(投递于2019-03-10 12:56:42)

vue 学习笔记(三)

vue 学习笔记(三) 研究了一下vue组件的内容,不得不说官方文档写的太全了 http://cn.vuejs.org/v2/guide/components.html 简单聊一下父子组件通讯 开始一直没搞明白 因为组件实例的作用域是单独的,父需...(投递于2019-03-10 12:56:38)

【vue】通过分页组件看vue简单组件化过程

【vue】通过分页组件看vue简单组件化过程 所有源码和示例在这里。 Demo演示请点这里。 1.下载示例源码 为了更好的理解代码,建议通过以下方式将源码下载下来: 使用git下载(推荐): git clone...(投递于2019-03-10 12:56:34)

Vue.js学习(4)-模板语法

Vue.js学习(4)-模板语法 Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器...(投递于2019-03-10 12:56:29)

Vue.js学习(5)-计算属性

Vue.js学习(5)-计算属性 在模板中绑定表达式是非常便利的,但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。例如: div id=example {{ message.split('').revers...(投递于2019-03-10 12:56:22)

Vue.js学习(6)-class和style绑定

Vue.js学习(6)-class和style绑定 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ,我们可以用v-bind 处理它们:只需要计算出表达式最终的字符串。不过,字符...(投递于2019-03-10 12:56:17)

一个vue2的多色图标方案:vue-svg-icon

一个vue2的多色图标方案:vue-svg-icon 项目地址 求star~~ 个人的第一个vue组件,希望大家多多支持啦~...(投递于2019-03-10 12:56:12)

Vue-cli proxyTable 解决开发环境的跨域问题?

Vue-cli proxyTable 解决开发环境的跨域问题? 使用vue-cli 手脚架创建的项目,布好界面后和后端对接时,后端人员说要建本地域名(说是必须域名,ip不可),折腾了半天,也去群里懵逼地问了半...(投递于2019-03-10 12:56:08)

vuejs select选择

vuejs select选择 在项目中select 选择,常常需要传递id,而这个id是给option的value值,js获取这个值: javascript 代码 var selected_val = document.getElementById(select_id).value;//或者var sel = document.getElementById(se...(投递于2019-03-10 12:56:04)