vue.js文档1_vue.js文档_vue.js 文档 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Week 1: Vue.JS

尽可能简单地认识Vue.JS。...Vue基础 Vue简介 Vue.JS是一个JavaScript框架，它借鉴了MVVM的思想，Vue对象就像view model，使用Vue能够轻松地分离数据与视图表现，数据的变化会使视图也变化。...Vue.JS的另一个特点是组件化，一个Vue.JS项目可以抽象成一颗组件树，小型、独立、可复用的组件是大型应用构建的基础。...part2;//如果part1与part2不变化，计算属性会返回缓存的结果 } } 计算属性的好处是，如果依赖不改变，计算属性不会重新求值。...data:function(){ return{text1:'',text2:''} } Prop 通过prop，组件可以获得上层传来的数据。Prop的流是单向的。

1.4K3 0

Vue.js学习笔记（1）

build：项目构建(webpack)相关代码 config：配置目录，包括端口号等 node_modules：npm加载的依赖模块 src：开发的目录，基本上要做的事都在该目录里，包含几个目录及文件： 1、...可删除 .xxxx文件：配置文件，包括语法配置，git配置等 index.html：首页入口文件，可添加一些meta信息或系统代码 package.json：项目配置文件 README.md 项目的说明文档...，markdown格式解释对照 App.vue项目入口文件相当于iOS的rootiVewController main.js相当于Appdelegate.m文件 Vue.js 监听属性

5631 0

您找到你想要的搜索结果了吗？

是的

没有找到

Vue.js学习总结——1

1、什么是Vue.js 1、Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架 2、Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架...3、Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。（Vue有配套的第三方类库，可以整合起来做大型项目的开发） 4、前端的主要工作？...4、Vue.js初体验： <!...} }) 第一步：引入vue-2.4.0.js文件第二步：创建vue实例第三步：在页面中利用插值表达式渲染数据 5、Vue.js...active':'']">这是一个很大很大的H1，大到你无法想象！！！ <!

6131 0

Vue.js 入门1 安装

1 安装 1.1 兼容性 Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性但它支持所有兼容 ECMAScript 5 的浏览器 1.2...min+gzip 1.5 CDN 我们推荐链接到一个你可以手动更新的指定版本号： <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/<em>vue.js</em>...请确认了解不同构建版本并在你发布的站点中使用生产环境版本，把 <em>vue.js</em> 换成 vue.min.js。这是一个更小的构建，可以带来比开发环境下更快的速度体验。...更多详情可查阅 Vue CLI 的<em>文档</em>。 CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。

7581 0

（1）打鸡儿教你Vue.js

当今世界不会Vue.js，前端必定路难走一个JavaScript MVVM库以数据驱动和组件化的思想构建的 Vue.js是数据驱动 HTML/CSS/JavaScript/ES6/HTTP协议/Vue...box-shadow: 10px 10px 5px #888888 border-radius: 50%; border-image: url(border.png) 30 30 round 元素和伪元素：1...overflow: hidden; 父元素使用overflow: auto; 父级定义高度父级div定义伪类:after和zoom .clearfloat { *zoom: 1;...--> {{ message }} <script src="js/<em>vue.js</em>...M：model数据模型 V：view视图 VM：ViewModel 视图模型安装：npm i -S vue {{ msg }} <script src="vue.js

8273 0

Docker官方文档翻译1

article/details/80098675 本文出自方志朋的博客个人博客纯净版：https://www.fangzhipeng.com/docker/2018/09/11/docker-trans1....html 本系列教程翻译于docker文档，文档地址：https://docs.docker.com/ ，由于某些原因,docker官方文档通常都是打不开，如果打不开，安装完docker之后，可以拉取docker...文档的镜像在本地跑。...输入一下命令： docker run -it -d -p 4000:4000 docs/docker.github.io:latest 在浏览器上打开localhost:4000就可以看docker 的文档了

2433 0

GitHub学习文档-1

初识GitHub.png 1 GitHub 是什么 ---- GitHub的百度百科首先 GitHub 是一个平台级的软件，在 PC端，网页端，手机端都有相应的应用，下面都是根据...当然你也可以直接跳过这一步，其实Step 1之后你就已经注册完成 GitHub 账号了。...GitHub个人主页介绍1.png GitHub个人主页介绍2.png 下面是我当前正在在使用的这个账号的 GitHub 主页展示，因为你刚有 GitHub 账号，所以页面上的信息没有我的这样丰富...Projects说明.png Wiki: 这个功能是关于项目说明文档的，一般每个项目 GitHub 都推荐建立一个 README.md 文档来做些项目说明，如果你的项目中有详细的项目文档，就可以使用...Wiki功能来把项目说明文档做的更详细，Wiki通过建立词条来说明内容。

5016 0

QCustomPlot 官方文档学习1

Their range defines which portion of the plot is currently visible: customPlot->xAxis->setRange(-1, 1...1)。...i] = 3*i/250.0; y0[i] = 1+qExp(-x[i]*x[i]*0.8)*(x[i]*x[i]+x[i]); y1[i] = 1-qExp(-x[i]*x[i]*0.4)*(x[i]...{ x1[i] = 3*i/15.0;; y1[i] = qExp(-x1[i]*x1[i])*(x1[i]*x1[i])*2.6; y1err[i] = y1[i]*0.25; } for (int...->setData(x1, y1); errorBars->setData(y1err); customPlot->graph(2)->setData(x2, y2); customPlot->graph

1.1K2 0

Vue.js属性装饰器库vue-property-decorator文档

kaorun343/vue-property-decorator/blob/master/README.md 此库完全依赖于vue-class-component, 所以请使用此库前, 先阅读它的文档...val: string, oldVal: string) {} @Watch('person', { immediate: true, deep: true }) onPersonChanged1(...immediate: false, deep: false } ], person: [ { handler: 'onPersonChanged1'...deep: false } ] }, methods: { onChildChanged(val, oldVal) {}, onPersonChanged1(

3.3K1 0

让 HTML 向 Vue.js 华丽转身：如何把 `wangEditor` 仿腾讯文档项目整合进 Vue.js

接下来，让我们一同踏上这段奇妙的旅程，将这段 HTML 转换成一个完美契合 Vue.js 的组件，并在这个过程中享受每一步的乐趣！1....这段 HTML 代码虽然简单，但它具有强大的功能——这是一个富文本编辑器的基本结构，并且它模仿了腾讯文档的外观和感觉。.../index.html"><< 返回 Back to demo .../index.html"><< 返回 Back to demo << 返回 Back to demo <div style="border-bottom: <em>1</em>px solid #e8e8e8

2582 0

让 HTML 向 Vue.js 华丽转身：如何把 `wangEditor` 仿腾讯文档项目整合进 Vue.js

接下来，让我们一同踏上这段奇妙的旅程，将这段 HTML 转换成一个完美契合 Vue.js 的组件，并在这个过程中享受每一步的乐趣！ 1....这段 HTML 代码虽然简单，但它具有强大的功能——这是一个富文本编辑器的基本结构，并且它模仿了腾讯文档的外观和感觉。.../index.html"><< 返回 Back to demo << 返回 Back to demo << 返回 Back to demo <div style="border-bottom: <em>1</em>px solid #e8e8e8

921 0

vue.js如何快速入门第1篇

目录前言: 为什么学Vue框架基础准备看视频常用指令 vue生命周期 vue.png vue.js如何快速入门第1篇前言: 在学校我是学java后端的，对前端很感兴趣于是自学了前端，...作为自学派前端开发，聊聊如何快速上手vue.js吧为什么学Vue框架 vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。...相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。我就不比较vue,angular,react了，网上太多。...我自学时百度了好多都是说去看官方文档，但是作为前端的小白，怎么可能能看懂呢，肯定一头雾水。..."> {{message}}

9818 4

Vue.js 系列教程 1：渲染，指令，事件

原文：intro-to-vue-1-rendering-directives-events 译者：nzbin 如果要我用一句话描述使用 Vue 的经历，我可能会说“它如此合乎常理”或者“它提供给我需要的工具...counter -= 1 : 0">- Quantity: {{ counter }} + Submit<

2.7K9 0

django 1.8 官方文档翻译： 1-1-1 Django初探

本文档的目标是给你描述足够的技术细节能让你理解Django是如何工作的，但是它并不表示是一个新手指南或参考目录 – 其实这些我们都有!...当你准备新建一个项目，你可以从新手指南开始或者深入阅读详细的文档....>>> r.id 1 # 现在新的 reporter 已经存在数据库里了。...译者：Django 文档协作翻译小组，原文：Overview。本文以 CC BY-NC-SA 3.0 协议发布，转载请保留作者署名和文章出处。...Django 文档协作翻译小组人手紧缺，有兴趣的朋友可以加入我们，完全公益性质

7622 0

R文档沟通｜Dashboards入门（1）

简介在本章中，我们将介绍基于 flexdashboard[1] 包的仪表盘。仪表盘在业务风格的报告中特别常见。它们可以用来突出报告的概要和关键内容。...使用 File -> New File -> R Markdown 对话框在 RStudio 中创建文档，并选择 "Flex Dashboard" 模板(小编个人推荐)。界面如下所示： ?...( "dashboard.Rmd", template = "flex_dashboard", package = "flexdashboard" ) 注：flexdashboard 的完整文档如下...仪表盘有许多与 HTML 文档相同的特性(Section @ref(html-document))，比如图形选项，外观和风格，MathJax 公式，正文前后内容和Pandoc参数等等。...q=flexdashboard&qs=n&form=QBLHCN&sp=-1&pq=flexdashboard&sc=9-13&sk=&cvid=B285D5FEF77A401AAE80C9FCB1E4DDDE

1.4K3 0

第 1 篇：很高兴认识你 Vue.js

head> {{ message }} value 的值是：{{ value }} <script src="https://cdn.bootcss.com/vue/2.5.16/<em>vue.js</em>...我们希望只有用户真正地输入了内容后，才提示 value 的值，请参阅 Vue 关于指令的官方<em>文档</em>，找到满足我们需求的指令，修改示例代码以达到上述效果。...Vue 的指令<em>文档</em>：https://cn.vuejs.org/v2/guide/conditional.html 接下来正式开始我们的 Todo 应用的开发吧！ ?

4742 1

Butterfly安装文档(三)主题配置-1

orange top_img: ‘linear-gradient(20deg, #0062be, #925696, #cc426e, #fb0347)’ 文章封面文章的 markdown 文档上...|| 2 || false # 1: The 'next post' will link to old post # 2: The 'next post' will link to new post #...# Sort of order. 1, asc for ascending; -1, desc for descending sort_order: # Don't modify the setting...# Sort of order. 1, asc for ascending; -1, desc for descending limit: 8 # if set 0 will show all...繁体中文, 2: 简体中文 defaultEncoding: 1 #延迟时间,若不在前, 要设定延迟翻译时间, 如100表示100ms,默认为0 translateDelay: 0 #

4866 0

Svelte中文文档 1基础介绍

你还可以查阅API文档和示例了解到更多Svelte相关内容。如果等不及得话，可以通过阅读这篇文章(60秒快速上手)在本地搭建一个Svelte的例子。...首先，增加一个script标签，并且声明一个name的变量在你的组件上： let name = 'world'; Hello world!... 之后，我们便可以在标签内引用name这个变量： Hello {name}! 在花括号{}内，我们可以添加我们想要的JavaScript。

1.8K7 1

django 1.8 官方文档翻译： 5-1-1 使用表单

使用表单关于这页文档这页文档简单介绍Web 表单的基本概念和它们在Django 中是如何处理的。关于表单API 某方面的细节，请参见表单 API、表单的字段和表单和字段的检验。...如果你在Django 文档中做一次搜索，你会立即看到这点，此时将生成一个https://docs.djangoproject.com/search/?...q=forms&release=1 形式的URL。 GET 和POST 用于不同的目的。用于改变系统状态的请求 —— 例如，给数据库带来变化的请求 —— 应该使用POST。...然而，因为CSRF 防护在模板中不是与表单直接捆绑在一起的，这个标签在这篇文档的以下示例中将省略。...Django 文档协作翻译小组人手紧缺，有兴趣的朋友可以加入我们，完全公益性质。

4.2K2 0

django 1.8 官方文档翻译：2-1-1 模型语法

即使字段不在表单中使用，它对生成文档也很有用。 primary_key 如果为True，那么这个字段就是模型的主键。...date_joined=date(1960, 8, 1), ......membership__date_joined__gt=date(1961,1,1)) [<Person: Ringo Starr] 如果你需要访问一个成员的信息，你可以直接获取Membership模型..." elif self.birth_date < datetime.date(1965, 1, 1): return "Baby boomer"...Django 文档协作翻译小组人手紧缺，有兴趣的朋友可以加入我们，完全公益性质。

5K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭