nodejs简单认知和vue的简单学习

nodejs 引入

  

vue 引入

  

安装node(安装完node需要重启电脑)

  npm install nrm -g

  nrm use taobao

  nrm test taobao

在idea中新建空工程js-demo,然后新建module vue-demo

  cd vue-demo

  npm init -y

  npm install vue --save

新建html页面,引入vue,开始学习

new Vue(); 传入 el,data,methods,template;标记el所指id位置

{{ }}插值表达式,取值

v-on:click —》@click

v-model 双向绑定

vue 生命周期钩子

  

v-text,v-html 单向绑定

v-for 遍历

:key 优化,数组重排序时提高渲染效率

 v-if  有没有

 v-show 展不展示

v-bind : 绑定属性

watch

组件化

  定义全局组件:

  定义局部组件  

  父组件传递到子组件

  子组件传递到父组件 

  

原文地址:https://www.cnblogs.com/helloworldmybokeyuan/p/11651274.html

时间: 2024-10-14 18:57:59

nodejs简单认知和vue的简单学习的相关文章

初识 vue —— 最简单的前后端交互示例

一.初识 vue 时的困惑 最近想学一门前端技术防身,看到博客园中写 vue 的多,那就 vue 吧.都说 vue 的官方教程写得好,所以我就从官方教程开始学习.官方教程说"Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用."但是这个概念是个什么鬼?还是让人一头雾水嘛.而且我一开始也没有搞清楚 vue 的定位,只知道它是一个前端库,但是确实不知道它的优势是什么,还以为它是一个学会就能一劳永

Nodejs做web服务器的一个简单逻辑和实现

本文写了自己对"Nodejs做web服务器的一个简单逻辑和实现",如果不太合理,或者了解这部分的大神,欢迎拍死.哈哈,新手. 昨天开始学习Nodejs,w3cschool看了一遍.感觉其上的内容,一上来就开始介绍Nodejs的模块.看来后来,连如何"从零创建一个nodejs版的web服务器"都没能明白.可能是自己太过肤浅,或者,陷到了WAMP的思维里,不能自拔吧.后来在nodejs中文社区发了个帖子.感觉自己算是明白了点儿.写出来,希望和大家一起学习,同时也希望得到

nodejs模仿http请求组件nodegrass简单例子

最近做数据导入,须模拟http请求,调用框架的相应方法进行数据的插入及保存操作. 采用nodejs的nodegrass方法进行相应简单模仿. 1.搭建nodejs环境. 2.执行npm install nodegrass命令. 3.引入模块,var ng= require(nodegrass); 4.下面先看nodegrass底层的get方法的具体实现,代码如下: //Get Method Request //Support HTTP and HTTPS request,and Automati

Vue axios简单使用

Vue axios简单使用的简单使用 安装: npm install axios -D 有一个问题:我明明配置了全局可是用的时候还是得一个一个引入axios( 我也不知道为什么 ) main.js中引入axios 配置全局我这里是设置了代理 import axios from "axios"; Vue.prototype.$ajax = axios;//给他原型加一个属性为$ajax axios.defaults.baseURL = "/api"; api文件中放的

VUE实现简单的全选/全不选

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> table { border-collapse: collapse; border-spacing: 0; border: 1px solid #c0c0c0; width: 500px; margin: 100

vue超简单加载字体方法,解决scss难加载字体的问题

vue超简单加载字体方法,解决scss难加载字体的问题 scss在加载字体方面一直不太好用,需要繁杂的配置才能达到想要的效果,这里说一种非常简单的方法 在App.vue的style标签下引入字体文件后,scss设置的字体依旧可以正确识别,注意style的lang不要写,就使用原生css 示例引入 <style> @font-face{ font-family: pingfang; src: url('./style/pingfang.ttf') } </style> 然后想要的位置

angular和vue的对比学习之路

vue-ng 打开vue的中文官网一段关于vue的描述 HTML 模板 + JSON 数据,再创建一个 Vue 实例,就这么简单. 那我么再看下angular中文网 AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了.所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事. 看到这两句引用,心中是否顿时有种感觉,感觉vue会简单易学,angular难学.其实,你是对的,相对来说,如果我

从零开始学习Vue.js,学习笔记

一.为什么学习vue.js methods 只有纯粹的数据逻辑,而不是去处理 DOM 事件细节. vue.js兼具angular.js和react的优点,并且剔除了他们的缺点 官网:http://cn.vuejs.org/ 手册:http://cn.vuejs.org/v2/api/ 二.vue.js是什么 Vue是一个"MVVM框架(库)",和angular类似,相比angular小巧,比较容易上手 Vue是一个构建用户界面点的渐进式框架,与其他重量级框架不同的是,vue采用自底向上

vue生命周期学习心得(下)

此文接vue生命周期学习心得(上)http://www.cnblogs.com/pengshadouble/p/7488330.html通过vue生命周期学习心得(上),大至了解了vue生命周期的8个阶段及相关钩子函数触发的时间点,这章我们通过简单的代码看一下具体的运行结果: <template> <div id="container"> <headers></headers> <router-view></router