Vue3.x和Vue2.x的不同之处

Vue3.x和Vue2.x的不同点1、main.js引入方式不一样// vue3 //code by www.joynop.com import { createApp } from 'vue' import App from './App.vue' createApp(App).mount('#app') // 没有全局的Vue// vue2.X //code by www.joynop.co

- 阅读全文 -

仿微信聊天node-app-wechat

安装依赖npm installnpm client-install快速启动快速启动"npm run server" "npm run socket" "npm run client\启动后端server,socket,一个客户端npm run dev进入客户端文件夹cd client启动另一个客户端npm run serve标准启动启动服务端npm run

- 阅读全文 -

Vue中使用 Vuex

安装Vuex前段代码中执行 ` npm i vuex`配置Vuex在Client根目录下新建store.jsimport Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); const types = { SET_USER:"SET_USER"//用户信息 } cons

- 阅读全文 -

VUE总结

注意:本文记录作者在学习和使用vuejs开发中的点点滴滴,从vuejs1.0开始直到现在的vuejs2.0以后的版本。期中部分1.0的内容已经过时,仅作各位朋友参考,建议重点关注2.0相关的内容,会随着我对vuejs有了更多的体会后不断维护更新,也欢迎朋友们批评指正共同学习提高。所有的VueJs组件都是被扩展的Vue实例 var MyComponent=Vue.extend( {

- 阅读全文 -

用webpack(2.x语法)手动搭建Vue项目

webpack是一个模块加载器, 一切东西都是模块(包括css、html、js、图片等), 最后都打包到一块了。下面我将搭建一个简单的demo一、新建目录结构|-index.html |-main.js //入口文件 |-App.vue //vue文件,官方推荐命名法(首字母大写) |-package.json //工程文件(项目依赖、名称、配置),记录需要的依赖

- 阅读全文 -

“Vue2.0”跟俺一起全面入坑 03

一. 自定义指令除了Vue内置的指令,可以自己设置指令。注册全局指令-所有人都可以使用<body> <div class="app"> <div v-color="colorStatus">我是一个普通的Div元素</div> </div> <script src="

- 阅读全文 -

“Vue2.0”跟俺一起全面入坑 02

1. 列表渲染-v-for=""功能: 根据一组数据的选项列表进行渲染(自动for循环)语法: value,key in items/value,key for items**变异方法:vue提供一组方法,对数组进行操作的时候,会触发视图更新(map()不会触发),但其并不是原生的方法,原生的方法是不会触发视图更新 push()pop()shift()unshift()splice()

- 阅读全文 -

“Vue2.0”跟俺一起全面入坑 01

补充一个关于console知识点console.dir()可以现实一个对象所有的属性和方法例如console.dir(document);就可以查看(document树)下所有的东西。测试一段代码执行时间:console.time('test'); /* 这里运行待测代码 */ console.timeEnd('test');前言:Vue主要是“面向数据”编程。当数据发生改变时,使用虚拟DOM来改

- 阅读全文 -