vue.jsVue.js作为一个后起的前端框架,借鉴了Angular 、React等现代前端框架/库的诸多特点,并且取得了相当不错的成绩。vue.js 2Vue.js的定位是一个渐进式框架,作者的说法是:与其他框架的区别就是渐进式的想法,也就是Progressive——这个词在英文中定义是渐进,一步一步,不是说你必须一竿子把所有的东西都用上。这或许是Vue. ......
328
0
0
2022-04-25
计算属性关键词: computed。普通例子:<div id="app"> {{ message.split('').reverse().join('') }} </div> <script> new Vue({ el: '#app', data: { message: ......
357
0
0
2022-04-25
在本文中,我将解释使用DOM作为模板的问题,并提供一些使用Vue.js框架的替代方法。Vue应用程序通常使用DOM作为模板,因为它是建立最快最简单的体系结构。然而,这种做法带来了一些问题,这使得它成为任何重大项目的不良选择。例如,您为DOM模板编写的标记并不总是在运行应用程序时获得的。在本文中,我将解释使用DOM作为模板的问题并提供一些替代方法。DOM作为模 ......
427
0
0
2022-04-24
vue.js 2.4.0已经发布了,提供了丰富的新功能,进行了大量的优化和问题修复。在这篇文章中,我将给大家带来我认为最有趣的四个新特性:服务器端异步组件的渲染继承包装组件中的属性Webpack 3 异步组件的支持在组件中保存HTML注释1. 服务器端的异步组件的渲染在Vue 2.4.0发布之前,异步组件是无法被服务器渲染的;他们在SSR(服务端渲染)输出中 ......
405
0
0
2022-04-24
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册js方法,可以让我们用自己注册的js方法控制整个大局,在这些事件响应方法中的this ......
368
0
0
2022-04-21
前端时间给大家介绍过Swiper插件,它的用法这里就不一一介绍了,今天主要说说Vuejs2.0中如何使用swiper插件。在这里默认大家已经安装了vue-cli以及明白了Swiper用法。并且有一定vuejs基础。1.下载好swiper相关的js和css,js放在static目录下,css放在assets目录下。2.安装runtime:终端命令:npm in ......
411
0
0
2022-04-21
安装、使用 vuex首先我们在 vue.js 2.0 开发环境中安装 vuex :npm install vuex --save然后 , 在 mian.js 中加入 :再然后 , 在实例化 Vue对象时加入 store 对象 :完成到这一步 , 上述例子中的 $store.state.show就可以使用了。modules前面为了方便 , 我们把 store ......
385
0
0
2022-04-21
好了,实在一点,先看图说话如图1-1-1:图1-1-1都别急,其实实现起来很简单的,下面一步一步跟着走吧。一、准备工作由于我们需要将数据保存至服务器,所以这里需要写个服务器代码,我使用的是php 代码。1.首先连接数据库如下图:连接数据库mysql,创建myword数据库,并生成weibo数据表注: 这里需要一点php 的知识,如果有不知道的,可以自己百度搜 ......
331
0
0
2022-04-21
嗯,好几天没发表文章了,对这几天我对Vue 进行简单的整理,其他不多说,直接上图1-1-1。图1-1-1显示数据标签图1-1-2图1-1-2图1-1-3注: Vue 显示文本有三种方式(1) {{}} 直接显示 界面刷新时可能会出现闪烁,可使用v-clock 指令,并在style 中写下 [v-clock]{ display:none}(2) v-text ......
317
0
0
2022-04-20
做web前端开发,怎能没用过vue?用vue做开发,怎能不用到 vue component组件? 下面我们就是在初次使用vue来开发项目的时候,容易踩到的几个坑,汇总供大家学习和参考。component 使用component的注册1.全局注册使用用Vue.component(‘componentName’,{template:’<div>hel ......
331
0
0
2022-04-20
1.vue简介,vue是一个构建用户界面的框架。是一个轻量级mvv框架,和angular一样是所谓的双向数据绑定,数据驱动和组件化的前端开发,通过简单的api实现响应式的数据绑定和组合试图组件,容易上手,小巧。2.安装vue-devtools插件,便于在chrome中调试vue,配置是否允许vue-devtools检查代码,方便调试,生产环境设置为false ......
379
0
0
2022-04-20
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的开发快速成型。由饿了么公司前端团队开源。开源版本持续更新至2.3.2版;设计原则一致性 Consistency与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和 ......
350
0
0
2022-04-20
Vue.js 教程Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版本测试。阅读本教程前,您需要了解的知识:HTMLCSSJavaS ......
334
0
0
2022-04-20
Vue 源码0.获取源码github.com/vuejs/vue从github地址,直接download下来就行了。在新建项目的时候也可以node_modelus里的vue搭配着看。1.数据的挂载首先先引入vue,然后新建他的实例。import Vue from 'vue' var app = new Vue({ el:'#app', data ......
398
0
0
2022-04-20
内容导读最近想练习一个 vue.js 的项目,然后在网上找了些案例,但是查询到的大部分都是用 vue-cli 脚手架和 webpack 模板自动生成项目结构。用 vue-cli 自动生成这种方法固然简单快捷,但是对于一些新手小白来说,光是搞清楚那些配置文件的作用,就要用不少的时间去学习和理解。所以,我自己用手动构建结构的方式,写了一个基于 Vue2.0 的移 ......
432
0
0
2022-04-20