Vue的基本使用方法

136 阅读3分钟

Vue的基本使用 Vue是一个轻量级的 javaScript框架,可以帮助开发者构建更简洁的 js页面。 Vue的实现方法和普通 HTML/CSS一样,都是用一组基本的语法元素来构造页面,但是 Vue提供了许多额外的组件,这些组件会被一起封装成一个 JavaScript文件。 下面介绍一些基本使用方法: VuePage: vue框架中用来存储页面上所需数据的文件集合,默认包含了4个元素:1)一个基本数据表2)两个子表(VuePage=</> class和 VuePage=</> none)3)一个索引。 当使用 VueMessages时,该文件会保存在用户提供的 JSON数据库中。如果用户需要创建一些新的数据表,只需修改 Vue. js中的一个代码片段。 Replacement:当用户希望删除某些对象时(比如:某个 JSON数据文件),可以使用 vue. js中保存在库中的 Replacement对象执行此操作。 Controller:是 vue框架中用于控制系统界面交互行为和动作的角色。 Controller可以对页面上某个或多个操作进行控制,比如查看当前状态、操作某个页面、开启或关闭某项交互等等。 controller还可以对页面上其他一些对象进行控制,比如查看当前 JavaScript脚本中所有指定对象的详细信息等。 1.基本数据表 要创建一个基本数据表,只需在项目名中加上 page即可。 [在项目名中加上 page='bin': 可以用下面的代码创建一个基本数据表,然后添加一些数据到基本数据表中: 这是一个非常简单的例子,因为我们知道 Vue中有许多额外的组件,这些额外的组件就是由基本数据表来存储。 但是如果需要存储页面上所有所需的数据,则需要通过创建一个索引来获取。 [索引是用于对页面上所需信息进行控制的一种方法,比如当用户想要对页面上某个元素进行控制时。 如果用户希望从特定 JavaScript对象上获取所需信息,可以通过在该对象上加上[Controller]即可。 2.子表 [1]子表定义为 js文件,默认值为1,但是可以对其进行修改。 [2]如果当前页面有一个或多个需要显示的数据,就可以通过 js语句指定在哪些数据中添加一个或多个子表来实现页面。 [3]class.va nx (" none")方法为 vue. js的代码片段,该方法指定了哪个子表的内容。 [4]当页面需要多个变量时,可以使用 remove方法将其从 VuePage中删除。 [5]如果用户想在一个地方显示多个变量的话,可以通过将 remove对象添加到该子表中来实现。 [6] vue. js提供了一种非常简单的方式来保存用户所创建数据的方法。 3.索引 为了存储页面上所有数据,我们通常会在页面上建立一个索引。 。{}表示将某项数据放入索引中, vue的 class表示索引, VuePage表示列表(即表格)。 [return vue. explain ("' none"); [class: vue中创建的基本存储列表,我们可以在 vue. js中找到它。 [static message: vuePage默认值是不包含索引的,我们可以通过创建一个名为 static. class的对象来获取该值。 [contrast->controller-> none] vue中不包含索引,而会在用户访问页面时创建一个 none对象,该对象同样会存储页面上所有数据。 [contract;]表示通过对 return关键字赋值来创建索引的方法(例如:<->' table;)。